import React, { Component} from 'react';
import classNames from 'classnames';
import {immutableRenderDecorator} from 'react-immutable-render-mixin';
import CSSModules from 'react-css-modules';
import styles from './tab.module.scss';

@immutableRenderDecorator
@CSSModules(styles, { allowMultiple: true })

class TabPane extends Component {
  render () {
    const {className, isActive, children} = this.props;

    const classes = classNames({
      panel: true,
      contentActive: isActive
    });
    return (
      <div
        styleName={classes}
      >
        {children}
      </div>
    );
  }
}

export default TabPane;